Template
Toolbar Component
  name
    Toolbar
  description
    A flexible way to show and customize a toolbar
  components
    AppBar
      name:
      description:
      schema:
        props
          -
            name:
            type:
            description:
        events
          -
            name:
            type:
            description:
      tests:
        Rendering
          - Should
        Events
          - Should
    AvatarMenu
      name:
      description:
      schema:
        props
          -
            name:
            type:
            description:
        events
          -
            name:
            type:
            description:
      tests:
        Rendering
          - Should
        Events
          - Should
    RenamableTitle
      name:
      description:
      schema:
        props
          -
            name:
            type:
            description:
        events
          -
            name:
            type:
            description:
      tests:
        Rendering
          - Should
        Events
          - Should
    Search
      name:
      description:
      schema:
        props
          -
            name:
            type:
            description:
        events
          -
            name:
            type:
            description:
      tests:
        Rendering
          - Should
        Events
          - Should
  containers
    Toolbar
      name:
        Toolbar
      description:
        A flexible way to show and customize a toolbar
      schema:
        props
          -
            name:
              name
            type:
              string
            description:
              The unique name to give the toolbar...useful for plugin hooks
          -
            name:
              leftItems
            type:
              JSX.Element[]
            description:
              An array of react components to display on the left side of the toolbar
          -
            name:
              rightItems
            type:
              JSX.Element[]
            description:
              An array of react components to display on the right side of the toolbar
          -
            name:
              children
            type:
              JSX.Element
            description:
              Component/element to place beneath the toolbar
          -
            name:
              title
            type:
              string | JSX.Element
            description:
              The title or react component to display in the center / title area of the toolbar
        events
          -
            name:
            type:
            description:
      tests:
        Rendering
          - Should render the component in the dom
          - Should show the same number of items in the left side of the toolbar as the number of items in the leftItems prop
          - Should show the same number of items in the right side of the toolbar as the number of items in the rightItems prop
          - Should show a title if one is provided
          - Should show a child element if one is provided
        Events
        Hooks
          - Should trigger the onComponentRender("Toolbar") plugin hook when the Toolbar is rendering
          - Should trigger the onListItems("ToolbarLeftItems") plugin hook when the list of Toolbar Left Items are being generated
          - Should trigger the onListItems("ToolbarRightItems") plugin hook when the list of Toolbar Right Items are being generated